<div class="pagecontent">
								    <div class="pagetop">
									    <div class="logo">
					                        <a href="/est/vordlus"><img height="123" width="318" alt="" src="/kolonna/img/logo.png"></a>
					                    </div>
										<div class="clear"></div>
									</div>
									<div class="centerboxtop"></div>
								    <div class="centerboxmain">
					                    <div class="cboxmain">
							                <div class="cboxmaincenter">
							                    <div class="tooteinfo">
								                    <div class="tooteinfoleft">
													    <h1>Hydrating asd asdasd asdas dasd Face Tonic s,</h1>
														<h2>50 ml</h2>
														<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras gravida tempus elit, ut auctor massa varius at. Inultrices quis, lacinia vel est. Nulla facilisi.</p>
														<div class="omadused">
														    <p><b>Kogus</b>: 15 ml</p>
															<p><b>Kasutusotstarve</b>: Huulte jumestamiseks</p>
															<p><b>Sobivus</b>: Kuivale nahale</p>
														</div>
														<div class="hinne">
														    <div class="hinneleft">
															    <p><b>Hinne</b>:</p>
															</div>
															<div class="hinneright">
															    <img height="19" width="34" alt="" src="/kolonna/img/lips1.png">
																<img height="19" width="34" alt="" src="/kolonna/img/lips1.png">
																<div class="clear"></div>
															</div>
															<div class="clear"></div>
														</div>
														<div class="lipssliderbox">
														    <div class="lipsslidertop">
														        <h1>Rapsberry Pink</h1>
															    <p>Soe hele roosa</p>
															</div>
															<div class="lipsslider jcarousel-container jcarousel-container-horizontal" id="lipsslider" style="position: relative; display: block;">
									                            <div class="slidercontainer">
										                            <div class="jcarousel-clip jcarousel-clip-horizontal" style="overflow: hidden; position: relative;"><ul class="jcarousel-list jcarousel-list-horizontal" style="overflow: hidden; position: relative; top: 0px; left: 0px; margin: 0px; padding: 0px; width: 200px;">
											                            <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-1 jcarousel-item-1-horizontal" style="float: left; list-style: none outside none;" jcarouselindex="1">
																		    <div class="lcolor">
																			    <div class="toon"><img height="30" width="30" alt="" src="/kolonna/img/lips/1.png"></div>
																			</div>
																			<div class="lcolor">
																			    <div class="toon"><img height="30" width="30" alt="" src="/kolonna/img/lips/2.png"></div>
																			</div>
																			<div class="lcolor">
																			    <div class="toon"><img height="30" width="30" alt="" src="/kolonna/img/lips/3.png"></div>
																			</div>
																		</li>
																		<li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-2 jcarousel-item-2-horizontal" style="float: left; list-style: none outside none;" jcarouselindex="2">
																		    <div class="lcolor">
																			    <div class="toon"><img height="30" width="30" alt="" src="/kolonna/img/lips/4.png"></div>
																			</div>
																			<div class="lcolor">
																			    <div class="toon"><img height="30" width="30" alt="" src="/kolonna/img/lips/2.png"></div>
																			</div>
																			<div class="lcolor">
																			    <div class="toon"><img height="30" width="30" alt="" src="/kolonna/img/lips/1.png"></div>
																			</div>
																		</li>
																		<li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-3 jcarousel-item-3-horizontal" style="float: left; list-style: none outside none;" jcarouselindex="3">
																		    <div class="lcolor">
																			    <div class="toon"><img height="30" width="30" alt="" src="/kolonna/img/lips/2.png"></div>
																			</div>
																			<div class="lcolor">
																			    <div class="toon"><img height="30" width="30" alt="" src="/kolonna/img/lips/4.png"></div>
																			</div>
																			<div class="lcolor">
																			    <div class="toon"><img height="30" width="30" alt="" src="/kolonna/img/lips/1.png"></div>
																			</div>
																		</li>
																		<li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-4 jcarousel-item-4-horizontal" style="float: left; list-style: none outside none;" jcarouselindex="4">
																		    <div class="lcolor">
																			    <div class="toon"><img height="30" width="30" alt="" src="/kolonna/img/lips/1.png"></div>
																			</div>
																			<div class="lcolor">
																			    <div class="toon"><img height="30" width="30" alt="" src="/kolonna/img/lips/2.png"></div>
																			</div>
																			<div class="lcolor">
																			    <div class="toon"><img height="30" width="30" alt="" src="/kolonna/img/lips/3.png"></div>
																			</div>
																		</li>
																		<li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-5 jcarousel-item-5-horizontal" style="float: left; list-style: none outside none;" jcarouselindex="5">
																		    <div class="lcolor">
																			    <div class="toon"><img height="30" width="30" alt="" src="/kolonna/img/lips/4.png"></div>
																			</div>
																			<div class="lcolor">
																			    <div class="toon"><img height="30" width="30" alt="" src="/kolonna/img/lips/2.png"></div>
																			</div>
																			<div class="lcolor">
																			    <div class="toon"><img height="30" width="30" alt="" src="/kolonna/img/lips/1.png"></div>
																			</div>
																		</li>
																	</ul></div><div class="jcarousel-prev jcarousel-prev-horizontal" style="display: block;" disabled="false"></div><div class="jcarousel-next jcarousel-next-horizontal" style="display: block;" disabled="false"></div>
										                        </div>
										                    </div>
<script type="text/javascript">
    $('.lcolor').click(function(){
    $('.lcolor').removeClass('active').find('.toon').removeClass('active');
	$(this).addClass('active').find('.toon').addClass('active');
});
</script>
														</div>
													</div>
													<div class="tooteinforight">
													    <img height="430" width="430" alt="" src="/kolonna/img/bigpudra.png">
													</div>
													<div class="clear"></div>
								                </div>
							                </div>
							                <div class="cboxmainright">
								                <div class="hind">
								                    <div class="pealkiribox">
									                    <div class="pealkiriboxleft"><img height="42" width="5" alt="" src="/kolonna/img/pealkirihl.png"></div>
									                    <div class="pealkiriboxcenterh">
										                    <a href="#">Hind</a>
									                    </div>
									                    <div class="pealkiriboxright"><img height="42" width="5" alt="" src="/kolonna/img/pealkirihr.png"></div>
									                    <div class="clear"></div>
								                    </div>
									                <div class="slidercontent">
									                    <div onclick="location.href='#'" class="righthind">
										                    <div class="price">
											                    <h1>45 €</h1>
											                </div>
											                <div class="koht">
											                    <h2>Tavahind</h2>
											                </div>
										                </div>
										                <div onclick="location.href='#'" class="righthind">
										                    <div class="price">
											                    <h1 class="pink">45 €</h1>
											                </div>
											                <div class="koht">
											                    <img height="29" width="74" alt="" src="/kolonna/img/solar.png">
											                </div>
										                </div>
										                <div onclick="location.href='#'" class="righthind">
										                    <div class="price">
											                    <h1 class="rosa">45 €</h1>
											                </div>
											                <div class="koht">
											                    <img height="28" width="91" alt="" src="/kolonna/img/kollonna.png">
											                </div>
										                </div>
										                <div class="liitu">
										                    <a href="#"><img height="124" width="157" alt="" src="/kolonna/img/liitu2.png"></a>
										                </div>
										                <div class="osta">
										                    <a href="#"><img height="66" width="147" alt="" src="/kolonna/img/ost.png"></a>
										                </div>
									                </div>
								                </div>
							                </div>
							                <div class="clear"></div>
						                </div>
					                </div>
								</div>